<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- 引入boostrap -->
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
		<!-- 引入重置样式文件 -->
		<link rel="stylesheet/less" href="bootstrap/css/reset.less" />
		<!-- 引入公共样式 -->
		<link rel="stylesheet/less" href="bootstrap/css/common.less" />
		<!-- 引入首页的样式 -->
		<link rel="stylesheet/less" href="bootstrap/css/details.less" />
		
	</head>
	<body>
		<!-- 头部 -->
		<header class="header">
			<nav class="navbar navbar-default">
				<div class="container">
					<!-- <div class="container-fluid"> -->
					<!-- 移动端切换导航  -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
							data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand logo " href="#"><img src="./bootstrap/images/LOGO_new.png"></a>
					</div>

					<div class="menu collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav navbar-right">
							<li><a class="wow fadeInDownBig" data-wow-delay="0ms"
									href="index.html"><span>首页</span></a></li>
							<li><a class="wow fadeInDownBig" data-wow-delay="0ms"
									href="ProductCenter.html"><span>功能</span></a></li>
							<li><a class="wow fadeInDownBig" data-wow-delay="0ms"
									href="case.html"><span>案例</span></a></li>
							<li><a class="wow fadeInDownBig" data-wow-delay="0ms"
									href="helpcenter.html"><span>帮助中心</span></a></li>
							<li><a class="wow fadeInDownBig" data-wow-delay="0ms"
									href="about.html"><span>联系我们</span></a></li>
						</ul>
					</div>

				</div>
			</nav>

		</header>

		<!-- 轮播图 -->
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<img src="bootstrap/images/banner.png" alt="...">
					<div class="carousel-caption">
						...
					</div>
				</div>
				<div class="item">
					<img src="bootstrap/images/banner.png" alt="...">
					<div class="carousel-caption">
						...
					</div>
				</div>
				...
			</div>

			<!-- Controls -->
			<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>

		<!-- 定制大数据 -->
		<div class="text-1">
			<div class="container">
				<div class="first">
					用大数据为你特别定制
				</div>
				<div class="title">

					<div class="images-1">
						<div class="picture-1">
							<img src="bootstrap/images/ts1.png">
						</div>
						<p class="word">个人原因</p>
						<p class="tit-1">
							利用40年科学数据,提供管理者掌握员工行为管理、信心管理、共识管理、风险管理等7项员工管理工作,同时对每项分析提供精准的解决方案,使管理者容易上手成为员工教练。</p>
					</div>
					<div class="images-1">
						<div class="picture-1">
							<img src="bootstrap/images/ts2.png">
						</div>
						<p class="word">员工管理系统</p>
						<p class="tit-1">
							利用40年科学数据,提供管理者掌握员工行为管理、信心管理、共识管理、风险管理等7项员工管理工作,同时对每项分析提供精准的解决方案,使管理者容易上手成为员工教练。</p>
					</div>
				</div>
				<div class="title">
					<div class="images-1">
						<div class="picture-1">
							<img src="bootstrap/images/ts3.png">
						</div>
						<p class="word">团队管理系统</p>
						<p class="tit-1">
							利用40年科学数据,提供管理者掌握员工行为管理、信心管理、共识管理、风险管理等7项员工管理工作,同时对每项分析提供精准的解决方案,使管理者容易上手成为员工教练。</p>
					</div>
					<div class="images-1">
						<div class="picture-1">
							<img src="bootstrap/images/ts4.png">
						</div>
						<p class="word">业务发展系统</p>
						<p class="tit-1">
							利用40年科学数据,提供管理者掌握员工行为管理、信心管理、共识管理、风险管理等7项员工管理工作,同时对每项分析提供精准的解决方案,使管理者容易上手成为员工教练。</p>
					</div>
				</div>
				<div class="button">
					查看更多
				</div>
			</div>
			
		</div><hr />
		

		<!-- 管理系统 -->
		<div class="poss">
			<div class="container">
				<div class="first">
					睿特云[重新定义]人类的管理方式
				</div>
				<div class="bigbox">
					<div class="left">
						<div class="text-1">
							<p><span>免费人才大数据建立</span></p>
							<div>汇集线上线下数据挖掘海量数据价值</div>

						</div>
						<div class="text-1">
							<p><span>高效的智能管理</span></p>
							<div>超大规模计算资源高速多维数据分析</div>
						</div>
					</div>
					<div class="img"><img src="bootstrap/images/sy2_03.png"></div>

					<div class="right">
						<div class="text-2">
							<p><span>安全的保障体系</span><br />安全的保障体系<br />安全的保障体系</p>
						</div>
						<div class="text-2">
							<p><span>个性化的解决方案</span></p>
							<div>直击业务需求痛点</div>
							<div>洞悉复杂数据逻辑</div>
							
							<!-- 1200--992  移动 -->
						</div>
					</div>
				</div>
			</div><hr />
		</div>
	
	<!-- 选择睿特云网 -->
	<div class="content">
		<div class="container">
			<div class="Innerbox">
				<div class="word-1">
					为何选择睿特云网
				</div>
				<div class="Avatarframe">
					<div><img src="bootstrap/images/group-1.png"></div>
					<div><img src="bootstrap/images/group-2.png"></div>
					<div><img src="bootstrap/images/group-3.png"></div>
					<div><img src="bootstrap/images/group-4.png"></div>
					<div><img src="bootstrap/images/group-5.png"></div>
				</div>
				
				<div class="button-2">
					立刻注册
				</div>
			</div>
			
		</div><hr />
	</div>
	
	<!-- 客户案例 -->
	<div class="case">
		<div class="container">
			<div class="Casetitle">
				客户案例
			</div>
			<div class="img-1">
				<div class="tp1">
					<div><img src="bootstrap/images/TCL.png" /></div>
					<div><img src="bootstrap/images/天伦国际.png" ></div>
					<div><img src="bootstrap/images/联想.png" ></div>
				</div>
				<div class="tp2">
					<div><img src="bootstrap/images/阿里巴巴.png"></div>
					<div><img src="bootstrap/images/红星美凯龙.png" ></div>
					<div><img src="bootstrap/images/强生.png" ></div>
				</div>
				<div class="tp3">
					<div><img src="bootstrap/images/亚信.png" /></div>
					<div><img src="bootstrap/images/中信.png" ></div>
					<div><img src="bootstrap/images/Microsoft.png" ></div>
				</div>
				<div class="tp4">
					<div><img src="bootstrap/images/神州数码.png" /></div>
					<div><img src="bootstrap/images/JackJones.png" ></div>
					<div><img src="bootstrap/images/商学院.png" ></div>
				</div>
			</div>
			<div class="button-3">
				查看更多
			</div>
		</div>
	</div>
	
	<!-- footer -->
	    <div class="footer" id="footer">
	        <div class="container">
	            <div class="foot_1">
	                <ul>
	                    <li>关于我们</li>
	                    <li>产品介绍</li>
	                    <li>服务条款</li>
	                </ul>
	            </div>
	            <div class="foot_2">
	                <ul>
	                    <li>使用帮助</li>
	                    <li>电脑端常见问题</li>
	                    <li>安装操作指南</li>
	                    <li>产品教学</li>
	                    <li>管理员手册</li>
	                </ul>
	            </div>
	            <div class="foot_3">
	                <ul>
	                    <li>加入我们</li>
	                    <li>诚邀英才</li>
	                    <li>合作伙伴</li>
	                </ul>
	            </div>
	            <div class="foot_4">
	                <ul>
	                    <li>联系我们</li>
	                    <li>在线留言</li>
	                    <li>传真：010-51900996</li>
						<li>邮箱:rervice@usmchina.com</li>
	                </ul>
	            </div>
	            <div class="foot_5">
					<div class="contact">
						<div><img src="bootstrap/images/Earphones%20microphone.png" >联系客服</div>
						<div><img src="bootstrap/images/电话.png" >400-690-4600</div>
					</div>
	            </div>
	        </div>
	    </div>
	
	    <!-- lowest -->
	    <div class="lowest">
	        <div class="container">
	            <span>睿特云</span> 北京睿特云咨询管理有限公司版权所以 京ICP备09067983号 京公网安备110105015180
	        </div>
	    </div>
	</body>
</html>
<!-- 引入jquery -->
<script src="./bootstrap/js/jquery.min.js"></script>
<!-- 引入bootstrap -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- 引入解析less的插件 -->
<script src="bootstrap/js/less.min.js"></script>
